<template>
	<view>
		<view class="head">
			<u-icon @click="returnButton()" name="arrow-left" color="#fff" size="30"></u-icon>
			<u-text text="订单支付" color="#fff" size="22" align="center" margin="4vh 0px 0px 0px"></u-text>
		</view>
		<view class="head-2">
		</view>
		<view class="content">
			<view style="display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;">
				<image src="@/static/images/ls/对 拷贝@3x.png" style="width: 20vw;height: 20vw;margin-top: 5vh;"></image>
				<text style="font-size: 40rpx;font-weight: bold;margin-top: 3vh;">支付成功</text>
				<text style="font-size: 65rpx;font-weight: bold;margin-top: 3vh;">39.90</text>
				<text style="font-size: 32rpx;font-weight: bold;margin-top: 5vh;">预约编号：3242552536363634</text>
				<view
					style="background-color: #0D65E8;width: 70vw;height: 7vh;border-radius: 50rpx;text-align: center;line-height: 7vh;font-size: 36rpx;color: aliceblue;margin-top: 6vh;">
					返回首页
				</view>
				<view @click="details_btn"
					style="background-color: #BFBFBF;width: 70vw;height: 7vh;border-radius: 50rpx;text-align: center;line-height: 7vh;font-size: 36rpx;color: aliceblue;margin-top: 2vh;margin-bottom: 6vh;">
					订单详情
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			returnButton() {
				uni.$u.route('/pages/ls/confirmOrder/confirmOrder');
			},
			details_btn() {
				uni.$u.route('/pages/ls/orderDetails/orderDetails');
			}
		}
	}
</script>

<style lang="scss">
	.head-2 {
		position: absolute;
		background-color: #3183FB;
		width: 100%;
		height: 250px;
		overflow: auto;
		z-index: 0;
	}

	.head {
		position: fixed;
		background-color: #3183FB;
		width: 100%;
		height: 80px;
		overflow: auto;
		z-index: 3;

		.u-icon {
			position: fixed;
			top: 4vh;
		}
	}

	.content {
		// height: 85vh;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		padding: 30rpx 25rpx;
		background-color: white;
		width: 90vw;
		margin: 0 auto;
		margin-bottom: 2vh;
		transform: translateY(12vh);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
		border-radius: 16rpx;
	}
</style>